<template>
    <div class="title">Title??</div>
    <div class="navigate">
        <RouterLink :to="{name:'AlarmList'}">告警列表</RouterLink>
        <RouterLink :to="{name:'DataAnalysis'}">数据分析</RouterLink>
        <RouterLink :to="{name:'DeviceHistoryAlarm'}">历史告警</RouterLink>
        <RouterLink :to="{name:'QuantityGrouping'}">实时数据</RouterLink>
        <RouterLink :to="{name:'SystemDiagram'}">图形化界面</RouterLink>
        <RouterLink :to="{name:'ThreeDimensionalInspection'}">三维巡检</RouterLink>
        <RouterLink :to="{name:'VideoSurveillance'}">视频监控</RouterLink>
        <RouterLink :to="{name:'KnowledgeBase'}">知识库</RouterLink>
        <RouterLink :to="{name:'KnowledgeBaseDetail'}">知识库详情</RouterLink>
    </div>
    <div class="content"><RouterView></RouterView></div>
    
</template>

<script lang='ts'>
    export default {
        name: 'APP'
    }
</script>

<script lang='ts' setup>
    import {reactive, ref} from 'vue'

</script>

<style scoped>
    .title {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }
    .navigate {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }
    .content {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }
</style>